@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-01-05 10:25:28
 * @version $Id$
 */
/*顶部导航开始*/
.header{
    width:100%;
    background:#f13c19;
    overflow: hidden;
    height:auto;
    padding:.56rem .42rem .14rem;
}
.header ul li{
    float:left;
    font-size:.36rem;
    color:#fff;
    width:33%;
    text-align:center;
}
.header ul li:nth-child(1){
    margin-right:0;
     text-align:left;
}
.header ul li:nth-child(3){
    margin-right:0;
     text-align:right;
}
 /*顶部导航内容区开始*/
 .navContent{
    padding:.14rem .2rem .21rem;
 }
 .navContent ul li{
    float:left;
    position:relative;
    width:2.21rem;
    height:1.58rem;
    margin-top:.14rem;
    margin-right:.23rem;
 }
 .navContent ul li:nth-child(3){
    margin-right:0;
 }
 .navContent ul li a{
    display:inline-block;
 }
 .navContent ul li img{
    width:100%;
    height:auto;
 }
  .navContent ul li span{
    position:absolute;
    width:1.93rem;
    height:1.09rem;
    top:0.245rem;
    left:0.14rem;
    text-align:center;
    line-height:1.09rem;
    font-size:.36rem;
    background:rgba(58,39,30, .2);
  }
  .navContent ul li span a{
    color:#fff;
  }
  .container .milk{
    width:7.5rem;
    height:.59rem;
    text-align:center;
    padding-top:.05rem;
    font-size:.24rem;
    color:#999999;
    border-top:.11rem solid #dedfe0;
    border-bottom:.11rem solid #dedfe0;
  }
  .container .milk span{
    color:#666666;
  }
/*最热食谱开始*/
.hotRepice{
    padding:.1rem .1rem 0rem;
    background:#dedfe0;
}
.hotRepice .repiceList{
    font-size:.32rem;
    color:#333333;
    background:#fff;
    padding:.3rem 0 .32rem .1rem;
    margin-bottom:.01rem;
}
.hotRepice .repiceList span{
    display:inline-block;
    font-size:.34rem;
    color:#f13c19;
}
.hotRepice .repiceContent{
    padding:.2rem .1rem ;
    background:#fff;
}
.hotRepice .repiceContent ul li{
    float:left;
    width:33.333%;
}
.hotRepice .repiceContent ul li a{
    display:inline-block;
    width:2.33rem;
    height:1.92rem;
    margin-bottom:.2rem;
}
.hotRepice .repiceContent ul li a img{
    width:100%;
    height:auto;
}
.hotRepice .repiceContent ul li p:nth-child(2){
    font-size:.3rem;
    color:#333;
    margin-bottom:.16rem;
}
.hotRepice .repiceContent ul li p:nth-child(3){
    font-size:.24rem;
    color:#666666;
    margin-bottom:.2rem;
}
.hotRepice .repiceContent ul li p:nth-child(4){
    font-size:.22rem;
    color:#999;
}
/*超市秒杀开始*/
.market  .marketContent{
    padding:.2rem .1rem ;
}
.marketContent .contentTop{
    margin-bottom:.14rem;
}
.marketContent .contentTop a{
     display:block;
}
.marketContent .contentTop .topLeft a{
    width:4.46rem;
    height:2.05rem;
}
.marketContent .contentTop .topLeft a img{
    width:100%;
    height:auto;
}
.marketContent .contentTop .topLeft a:nth-child(1){
    margin-bottom:.2rem;
}
.marketContent .contentTop .topRight a{
    width:2.51rem;
    height:3.4rem;
}
.marketContent .contentTop .topRight a img{
    width:100%;
    height:auto;
}
.marketContent .contentBottom a{
     display:block;
}
.marketContent .contentBottom .bottomLeft a{
    width:2.51rem;
    height:4.3rem;
}
.marketContent .contentBottom .bottomLeft a img{
    width:100%;
    height:auto;
}
.marketContent .contentBottom .bottomRight a{
    width:4.46rem;
    height:2.05rem; 
}
.marketContent .contentBottom .bottomRight a img{
    width:100%;
    height:auto;
}
.marketContent .contentBottom .bottomRight a:nth-child(1){
    margin-bottom:.2rem;
}
/*热门讨论开始*/
.hotDiscuss .discussContent{
    padding:.2rem .1rem ;
    background:#fff;
}
.hotDiscuss .discussContent .dTop,.hotDiscuss .discussContent .dBottom{
    width:7.1rem;
    height:2.69rem;
}
.hotDiscuss .discussContent .dTop,.hotDiscuss .discussContent .dTop{
    width:7.1rem;
    height:2.69rem;
    margin-bottom:.2rem;
}
.hotDiscuss .discussContent .dTop img{
    width:100%;
    height:auto;
}
.hotDiscuss .discussContent .dBottom img{
    width:100%;
    height:auto;
}
.hotDiscuss .discussContent a{
    display:block;
}
.hotDiscuss .discussContent a span{
    width:6.46rem;
    height:1.6rem;
    top:.545rem;
    left:.32rem;
    background:rgba(118,111,109,.3);
    text-align:center;
}
.hotDiscuss .discussContent a span p:nth-child(1){
    font-size:.3rem;
    color:#fff;
    margin-top:.54rem;
    margin-bottom:.22rem;
}
.hotDiscuss .discussContent a span p:nth-child(2){
    font-size:.2rem;
    color:#fff;
}
/*footer 开始*/
footer{
   width:100%;
   background:#f13c19;
   overflow:hidden;
   height:auto;
   padding:.2rem .42rem .12rem;
   position: fixed;
   bottom: 0;
}
footer ul li{
    float:left;
    text-align:center;
    width:20%;
}
footer ul li a{
    display:block;
}
footer ul li a span{
    display:block;
}
footer ul li a span:nth-child(1){
    font-size:.52rem;
    color:#fff;
    margin:0 auto;
    margin-bottom:.10rem;
}
footer ul li a span:nth-child(2){
    font-size:.18rem;
    color:#fff;
    margin:0 auto; 
}